<%@ include file="include/header.jsp"%>
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<h2 class="center">Add a new group</h2>
<form action="./AddGroup.htm" method="POST">
	<div class="row-fluid">
		<h3>Group informations</h3>
		<table>
			<tr>
				<td align="right">Group name :</td>
				<td><input type="text" name="nameGroup" required /></td>
			</tr>
		</table>
	</div>
	<hr>
	<div class="row-fluid">
		<h3>Bind contacts</h3>
		<input type="button" class="btn btn-primary"
			value="Select my list of contact" id="target" onclick="getAllContactsAjax()" />
		<div id="myContactContent"></div>
	</div>
	<hr>
	<div class="row-fluid" style="margin-top: 10px">
		<input type="reset" class="btn btn-danger btn-large" value="Reset" />
		<input type="submit" class="btn btn-success btn-large" value="Create" />
	</div>
</form>

<%@ include file="include/footer.jsp"%>